<template>
  <div class="content">
    <van-nav-bar title="订单列表" />
    <van-cell-group>
      <van-cell value="100元" label="2024-07-01">
        <template #title>
          18201105574
          <Seal status="Success"/>
        </template>
      </van-cell>
      <van-cell value="100元" label="2024-07-01 原因: 副号不能充值">
        <template #title>
          18201105574
          <Seal status="Fail"/>
        </template>
      </van-cell>
      <van-cell value="100元" label="2024-07-01 原因: 用户联系客服撤单">
        <template #title>
          18201105574
          <Seal status="Cancel"/>
        </template>
      </van-cell>
    </van-cell-group>

  </div>
</template>
<script setup name="orderList">
import Seal from '@/components/seal.vue'

</script>

<style lang="scss" scoped>
.van-cell {
  .seal{
    top: -6px;
    right: 30px;
  }
  :deep(.van-cell__value){flex: none;}
}

</style>